<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body style="height: 2200px">
<div class="soubg">
    <div class="fl marginl">
         <span>
            送货至：四川
        </span>
    </div>

    <div class="fr  marginr">
        <div class="fl">
            <span>你好! 请</span>
            <a href="#">登陆</a>
            <a href="#">免费注册</a>&nbsp;&nbsp;|
            <a href="#">我的订单</a>&nbsp;&nbsp;|
        </div>
        <div class="fl">
            <ul class="ulkefu">
                <li><a href="#">收藏夹</a> <img src="img/t_arrow.gif"></li>
                <li  class="kefudisplay">
                    <a href="#" >客户服务
                    </a>
                    <div class="hidediv">
                        <p>客户服务</p>
                        <p>客户服务</p>
                        <p>客户服务</p>
                    </div>
                    <img src="img/t_arrow.gif">
                </li>
                <li><a href="#">网站导航</a><img src="img/t_arrow.gif"></li>
            </ul>
        </div>
        <div class="fl" style="margin-left: 10px">
            |&nbsp;&nbsp;<span>关于我们</span>
            <a href="#">
                <img src="img/sh1.png">
            </a>
            <a href="#">
                <img src="img/sh2.png">
            </a> |
            <a href="#">
                手机版
            </a>
            <a href="#">
                <img src="img/s_tel.png">
            </a>
        </div>
    </div>
</div>
<div class="top">
    <div class="fl logoimg">
        <a href="#"><img src="img/logo.png"></a>
    </div>
    <div  class="fl formdiv">
        <div>
          <form>
              <input class="search" type="search" placeholder="请输入关键字" />
              <input class="btnsubmit" type="submit" value="搜索">
          </form>
        </div>
        <div class="tip">
            <a href="#">咖啡</a>
            <a href="#">iphone 6S</a>
            <a href="#">新鲜美食</a>
            <a href="#">蛋糕</a>
            <a href="#">日用品</a>
            <a href="#">连衣裙</a>
        </div>
    </div>
    <div  class="fl cardiv">
       <img src="img/car.png">
        <a href="#">购物车</a>
    </div>
</div>

<div class="menu">
        <div class="fl group" >
            全部商品分类
        </div>
        <div class="fl">
            <ul class="menuli">
                <li><a href="#">首页</a></li>
                <li><a href="#">自营超市</a></li>
                <li><a href="#">1号团</a></li>
                <li><a href="#">1号超市</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">美妆</a></li>
                <li><a href="#">1号海购</a></li>
                <li><a href="#">团购</a></li>
            </ul>
        </div>
        <div class="fr phone"  >
            <a href="#">
                <img src="img/phone.png">
            </a>
        </div>
</div>
<div class="banner">
    <div class="nav fl ">
        <ul>
            <li>
               <span class="spanimg">
                   <img src="img/nav1.png" alt="">
                </span>
                <span>进口食品、生鲜</span></li>
            <li>
                <span class="spanimg">
                    <img src="img/nav2.png" alt=""></span>
                <span>食品、饮料、酒</span>
            </li>
            <li>
                  <span class="spanimg">
                      <img src="img/nav3.png" alt="">
                  </span>
                <span>母婴、玩具、童装</span></li>
            <li>
                <span class="spanimg">
                      <img src="img/nav4.png" alt="">
                  </span>
                <span>家居、家庭清洁、纸品</span></li>
            <li>
               <span class="spanimg">
                  <img src="img/nav5.png" alt="">
              </span>
                <span>美妆、个人护理、洗护</span></li>
            <li>
                  <span class="spanimg">
                      <img src="img/nav6.png" alt="">
                  </span>
                <span>女装、内衣、中老年</span></li>
            <li>
                  <span class="spanimg">
                      <img src="img/nav7.png" alt="">
                  </span>
                <span>鞋靴、箱包、腕表配饰</span></li>
            <li>
                  <span class="spanimg">
                      <img src="img/nav8.png" alt="">
                  </span>
                <span>男装、运动</span>
            </li>
            <li>
                  <span class="spanimg">
                      <img src="img/nav9.png" alt="">
                  </span>
                <span>手机、小家电、电脑</span>
            </li>
            <li>
                  <span class="spanimg">
                      <img src="img/nav10.png" alt="">
                  </span>
                <span>礼品、充值</span></li>
        </ul>
    </div>
    <div class="fl bannerdiv">
       <ul>
           <li><img src="img/ban1.jpg" width="700" height="400"></li>
       </ul>
        <ul class="num">
            <li><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
        </ul>
        <div >
            <a href="#" class="btnleft"></a>
            <a href="#" class="btnright"></a>
        </div>
    </div>
    <div class="news">
        <div class="kuaixun">
            <h3>快迅</h3>
            <a href="#">更多&nbsp;&gt; </a>
        </div>
        <div class="tehui">
            <ul>
                <li><span class="spbold">【特惠】</span><a href="#">掬一轮明月 表无尽惦念</a></li>
                <li><span class="spbold">【公告】</span><a href="#">好奇金装成长裤新品上市</a></li>
                <li><span class="spbold">【特惠】</span><a href="#">大牌闪购 · 抢！</a></li>
                <li><span class="spbold">【公告】</span><a href="#">发福利 买车就抢千元油卡</a></li>
                <li><span class="spbold">【公告】</span><a href="#">家电低至五折</a></li>
            </ul>
        </div>
        <div >
            <div class="kuaixun">
                <h3>1号钱包</h3>
            </div>
            <p style="margin-left: 10px;margin-top: 5px;">收益日结，收益赚High！</p>
            <img style="margin-left: 10px;margin-top: 5px;" src="img/oneAD.jpg" width="90%">
        </div>
    </div>
</div>
<div class="hot" >
    <div class="fl hotleft" >
        <img src="img/l_img.jpg">
        <div class="pricediv">
             <span>￥53.00</span>
             <span>16R </span>
        </div>
    </div>
    <div class="hotgood">
        <ul>
            <li>
                <div class="hotimg">
                    <img src="img/hot.png">
                </div>
                <div class="hotjpg">
                    <img src="img/hot1.jpg">
                </div>
                <div class="hotprice">
                    <a href="#">
                        <h3>德国进口</h3>
                        德亚全脂纯牛奶200ml*48盒
                    </a>
                    <p>
                        <span>￥189 </span>
                        <span>26R </span>
                    </p>
                </div>
            </li>
            <li>
                <div class="hotimg">
                    <img src="img/hot.png">
                </div>
                <div class="hotjpg">
                    <img src="img/hot1.jpg">
                </div>
                <div class="hotprice">
                    <a href="#">
                        <h3>德国进口</h3>
                        德亚全脂纯牛奶200ml*48盒
                    </a>
                    <p>
                        <span>￥189 </span>
                        <span>26R </span>
                    </p>
                </div>
            </li>
            <li>
                <div class="hotimg">
                    <img src="img/hot.png">
                </div>
                <div class="hotjpg">
                    <img src="img/hot1.jpg">
                </div>
                <div class="hotprice">
                    <a href="#">
                        <h3>德国进口</h3>
                        德亚全脂纯牛奶200ml*48盒
                    </a>
                    <p>
                        <span>￥189 </span>
                        <span>26R </span>
                    </p>
                </div>
            </li>
            <li>
                <div class="hotimg">
                    <img src="img/hot.png">
                </div>
                <div class="hotjpg">
                    <img src="img/hot1.jpg">
                </div>
                <div class="hotprice">
                    <a href="#">
                        <h3>德国进口</h3>
                        德亚全脂纯牛奶200ml*48盒
                    </a>
                    <p>
                        <span>￥189 </span>
                        <span>26R </span>
                    </p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div style="width: 1200px;margin: 0px auto;padding-top: 60px">
    <img src="img/mban_2.jpg">
</div>
<div class="f1">
    <div class="f1title">
        <div class="fl">
            <span>1F</span>
            <span>进口 · 生鲜</span>
        </div>
        <div class="fr">
            <a href="#">进口咖啡 </a>
            <a href="#">进口酒</a>
            <a href="#">进口母婴</a>
            <a href="#">新鲜蔬菜</a>
            <a href="#">新鲜水果</a>
        </div>
    </div>
    <div class="f1content">
        <div class="fl" >
            <div>
                <img src="img/fre_r.jpg">
            </div>
            <div class="frebg">
                <a href="#">进口水果</a>
                <a href="#">奇异果</a>
                <a href="#">西柚</a>
                <br>
                <a href="#">海鲜水产</a>
                <a href="#">品质牛肉</a>
                <br>
                <a href="#">奶粉</a>
                <a href="#">鲜活禽蛋</a>
                <a href="#">进口酒</a>
                <br>
                <a href="#">进口奶粉</a>
                <a href="#">鲜活禽蛋</a>
                <br>
            </div>
        </div>
        <div class="fl f1good">
            <ul>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_1.jpg" width="185" height="145">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_1.jpg" width="185" height="145">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_1.jpg" width="185" height="145">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_1.jpg" width="185" height="145">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_1.jpg" width="185" height="145">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_1.jpg" width="185" height="145">
                    </div>
                </li>
            </ul>
        </div>
        <div class="fl">
                <img src="img/fre_b1.jpg" ><br>
                <img src="img/fre_b2.jpg">
        </div>
    </div>
</div>
<div class="footer1">
    <ul>
        <li>
            <img src="img/b1.png">
            <div>
                <h2>正品保障</h2>
                正品行货 放心购买
            </div>
        </li>
        <li>
            <img src="img/b2.png">
            <div>
                <h2>满38包邮</h2>
                满38包邮 免运费
            </div>
        </li>
        <li>
            <img src="img/b3.png">
            <div>
                <h2>天天低价</h2>
                天天低价 畅选无忧
            </div>
        </li>
        <li>
            <img src="img/b4.png">
            <div>
                <h2>准时送达</h2>
                收货时间由你做主
            </div>
        </li>
    </ul>
</div>
<div class="footer2">
    <div class="fl">
        <dl class="footdl">
            <dt><a href="#">新手上路</a></dt>
            <dd><a href="#">售后流程</a></dd>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">订购方式</a></dd>
            <dd><a href="#">隐私声明</a></dd>
            <dd><a href="#">推荐分享说明</a></dd>
        </dl>

        <dl class="footdl">
            <dt><a href="#">配送与支付</a></dt>
            <dd><a href="#">货到付款区域</a></dd>
            <dd><a href="#">配送支付查询</a></dd>
            <dd><a href="#">支付方式说明</a></dd>
        </dl>

        <dl class="footdl">
            <dt><a href="#">会员中心</a></dt>
            <dd><a href="#">资金管理</a></dd>
            <dd><a href="#">我的收藏</a></dd>
            <dd><a href="#">我的订单</a></dd>
        </dl>

        <dl class="footdl">
            <dt><a href="#">服务保证</a></dt>
            <dd><a href="#">退换货原则</a></dd>
            <dd><a href="#">售后服务保证</a></dd>
            <dd><a href="#">产品质量保证</a></dd>
        </dl>

        <dl class="footdl">
            <dt><a href="#">联系我们</a></dt>
            <dd><a href="#">网站故障报告</a></dd>
            <dd><a href="#">购物咨询</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
        </dl>

    </div>
    <div class="fr" style="margin-top: 70px;margin-right: 100px;">
            <div class="fl">
                <img src="img/er.gif"><br>
                <img src="img/ss.png">
            </div>
            <div  class="fl" style="margin-left: 20px">
                <div>
                    <img src="img/b_sh_1.png" style="vertical-align: middle">
                    <a href="#">新浪微博</a>
                </div>
                <div style="margin-top: 20px">
                    <img src="img/b_sh_2.png" style="vertical-align: middle">
                    <a href="#">腾讯微博</a>
                </div>
                <div style="margin-top: 20px;">
                    服务热线：<br>
                    <span style="line-height:50px;font-size: 16px;color:  #ff4e00;">
                        400-123-4567
                    </span>
                </div>
            </div>
   </div>
</div>
</body>
</html>